import 'package:flutter/material.dart';

class StepperDemo extends StatefulWidget {
  const StepperDemo({Key? key}) : super(key: key);

  @override
  _StepperDemoState createState() => _StepperDemoState();
}

class _StepperDemoState extends State<StepperDemo> {
  int _currentStep = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Stepper"),
      ),
      body: Container(
        child: Center(
            child: Theme(
          data: Theme.of(context).copyWith(primaryColor: Colors.blue),
          child: Stepper(
            currentStep: _currentStep,
            onStepCancel: () {
              if (_currentStep > 0) {
                setState(() {
                  _currentStep -= 1;
                });
              }
            },
            onStepTapped: (index) {
              setState(() {
                _currentStep = index;
              });
            },
            onStepContinue: () {
              if (_currentStep <= 0) {
                setState(() {
                  _currentStep += 1;
                });
              }
            },
            steps: steps2(),
          ),
        )),
      ),
    );
  }

  List<Step> steps2() {
    Map<String, String> plans = {
      "Day1": "专车接机→接站入住海景房",
      "Day2":
          " 蜈支洲岛畅玩一整天（超级VIP通道上岛，别人都要排队2-3小时才能上岛）、海棠湾赶海（拉网捕鱼 海边篝火晚会，海鲜火锅）餐：早晚餐海鲜火锅",
      "Day3": "南山文化苑、天堂森林公园、全海景玻璃栈道；餐；早中晚龙虾海鲜霸王",
      "Day4":
          " 豪华游艇出海、直升机体验 \r\n ①豪华私家游艇\r\n ②船长专业指导海钓（免费提供鱼竿鱼饵）\r\n ③掌握方向盘,体验一次做船长的感觉\r\n  ④近距离观赏海上飞龙表演\r\n  ⑤ 红酒啤酒、时令水果、南国小吃、咖啡红茶无尽畅饮\r\n  ⑥ 赠送海上摩托艇体验\r\n  ⑦免费提供救生衣\r\n ⑧赠送15秒游艇网红小视频\r\n ⑨游艇远海潜水.由资深潜水教练一对一带领潜水；餐：早中本地小炒",
      "Day5": "参观游玩亚特兰蒂斯~空间水族馆~欣赏壮丽大海中奇景~返程送机",
      "8月6日": "榕江 ：大利侗寨",
      "8月7日": "榕江 ：大利侗寨 宰荡侗寨",
      "8月8日": "榕江 ：宰荡侗寨",
      "8月9日": " 黎平 ： 肇兴 侗寨、 堂安 侗寨",
      "8月10日": "黎平 ： 堂安 侗寨",
      "8月11日": "贵阳 ：民族博物馆收尾",
    };

    List<Step> list = [];
    list.addAll(steps());

    plans.forEach((key, value) {
      list.add(Step(title: Text(key), content: Text(value)));
    });

    return list;
  }

  List<Step> steps() {
    return [
      Step(
        title: Text("惠东黑排角海岸线嬉水穿越徒步一日游"),
        content: Container(
          alignment: Alignment.centerLeft,
          child: Text(
              "这里的海上涨潮时候较多， 因为海势地理位置特殊，每天必有壮观的海浪冲击，整条海岸线至今还保持着原生态的环境，每天当地人还会在海岸拾贝捕鱼，现在你也可以去体验了！美不胜收。"),
        ),
      ),
      Step(
        title: Text("神秘三门岛露营、快艇冲浪、看日出、潜水、赏无敌海景二日游"),
        content: Text("东冲沙滩，月亮湾沙滩，快艇冲浪，烧烤，露营，三门岛玩乐走起"),
      ),
      Step(
        title: Text("金龟露营小镇一天游（趣味活动+观光）"),
        content: Text("青山环抱，亲近自然，休闲有趣 农家乐趣味野炊，自助烧烤，CS野战 团建活动，野趣体验，亲子活动"),
      ),
      Step(
        title: Text("小资较场尾海滩、烧烤、大鹏古城、大澳湾皮划艇、快艇出海一日游"),
        content: Text("缤纷海滩，大鹏古城，大澳湾旅游度假区，体验海上项目皮划艇"),
      ),
      Step(
        title: Text(
            "清远古龙峡一河两岸、云天波霸、打卡徽派威尼斯泳道、游红军长征粤北纪念馆、粤北“火焰山”南岭红沙漠、周前传统村落食《老九家粤湘私房特色宴》升级入住韶关丰源温泉酒店3日游"),
        content: Text("打卡徽派威尼斯泳道、粤北“火焰山”南岭红沙漠，入住韶关丰源温泉酒店"),
      )
    ];
  }
}
